<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
    <title>课程预约</title>
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/user.css">
    <link rel="stylesheet" href="../../lib/swiper.min.css" />
    <link rel="stylesheet" href="../../css/user/index.css">
    <link rel="stylesheet" href="../../css/my.css">
    <link rel="stylesheet" href="../../css/member/member.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
</head>
<body>
<div class="header_div">
    <div class="user_photo_level">
        <div class="user_photo_c pre" >
            <div class="back">
                <a href="index.html"><div class="TRotate45"></div></a>
            </div>
            <div>
                <span class="role_span f18">课程预约</span>
            </div>
        </div>
    </div>
    <div class="title_div title-line">
        <ul class='nav'>
            <li class='title_on title_li'v-on:click ="showGroupCourse" id="groupCourse"><label class="title_lable">团课</label></li>
            <li  class='title_li' v-on:click ="showPrivateCourse" id="privateCourse"><label class="title_lable">私课</label></li>
        </ul>
        <!--<span class="title title_on f16 ls8" v-on:click ="showGroupCourse" id="groupCourse">团课</span>
        <span class="title f16 ls8" v-on:click ="showPrivateCourse" id="privateCourse">私课</span>-->
    </div>
</div>
<div id="courseList"class="course_all">
    <div v-for="object in list" v-cloak class="member_div">
        <div class="member_list_div">
            <div class="member_list_img_div"><a href="/product-1433"><img
                    v-bind:src="object.courseImg" class="circle_img"></a>
            </div>
            <div class="member_list_text_div">
                <span class="member_p2 f8 ls2">{{object.courseName}}：{{object.courseDescription}}</span><br>
                <span class="member_p3 f8 ls3">可用时长{{object.courseTime}}小时</span><br>
            </div>
        </div>
        <div class="book_active_div"><p class="book_course_span f18 ls2" onclick="alert('预约成功')"><i class="fa fa-bold"></i>  立即预约</p></div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../lib/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="../../lib/swiper.min.js" ></script>
<script src="../../lib/Vue.js"></script>
<script src="../../js/common/memberFooter.js"></script>
<script src="../../js/member/buyCourse.js"></script>
</html>